Skip to main content

Video First Carousel

This is similar to a Carousel component with a series of cards displayed, but with more focus on video lists and population.

List items to display in the carousel. When creating a list item, a Video Carousel schema item is created and synced whenever there are changes. This helps to maintain a consistent video list to display on any page.

There are three options,

  • Manual curation
  • Tag groups
  • Tags
Manual Curation
  • Video

    DAM Video Asset

  • Title

    Can override the Video Asset Title

  • Image

    Can override the Video Asset thumbnail

Tag groups

The carousel is automatically populated using the provided list of DAM tag groups. Video assets that possess the "Site" tag and are part of the specified tag group will be populated in the carousel.

Tags

The carousel is automatically populated using the provided list of DAM tags. Video assets that have the "Site" tag and match the defined tag will be populated in the carousel.

Limit

Carousel item limit when auto populating videos.

Layout of the carousel.

Options:

  • default
  • image
  • feature-numbered
  • feature
  • story

💡 Tip:: Use 16:9 ratio image for default, Image and feature-numbered layouts.

Appearance

Appearance of the card list

primary
highlight
light
dark
hero
default
secondary

Auto Slide

Carousel moves items automatically.

Overlay

Adds an overlay container on top of the image. This helps to display the title in a prominent manner.

Without Overlay

With Overlay

Size

Size variation of the carousel item

Live Tag Icon

Override Live Tag Icon

Live Tag Text

Override Live Tag Text

Live Tag Appearance

Tag Appearance

Progress Bar Appearance